<!-- Modal chon phong ban -->
<div id ="dialog-dep" title = "Chọn phòng ban" class="dlpopup viewdep" loaded="0" style="display:none;">
    <a href="#" class="close sprited" id="close_x">close</a>
    <h1 class="" id="">Chọn Phòng Ban</h1>
    <div id="treeDialog" style="margin-top:15px;border-radius: 5px;background-color: #fff;"></div>
</div>
<script type="text/javascript">
  	var myBook = new Web_Book({module: 'web', controller: 'book'});
  	// myUser.initallTree();
  	myBook.objTree = new Tree(this,$('#Code'), $('#Name'), 'web','book');
    myBook._eIndex();
    $('#try-1').unbind('click').click(function(e) {
        $('#sign_up').lightbox_me({
            centered: true, 
            onLoad: function() { 
                $('#sign_up').find('input:first').focus()
                }
            });
        e.preventDefault();
    });
</script>
<style>
div#right_sileBar{
	width: 75%;
	display: inline-block;
	float:right;	
}
#searchNodes{
    width: 85%;   
    border: none;
    border: 1px solid #DDDDDD;
}
#searchNodes:focus { box-shadow:none; }
.textbox {
    padding: 1px 0;
    border: 1px solid #DDDDDD;
    font-size: 10pt;
	font-family: Arial;
	vertical-align: middle;
}

.normal_image {
	vertical-align: top;
	border-left: medium none;
	cursor: pointer;
	border-bottom: medium none;
}
div#left-silebar{   
    float:left;
    width:250px;    
    position: fixed !important;
    border-top: 0px solid #DDDDDD;
    overflow: auto;
    width: 22%;
    display: inline-block;
}


</style>